<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<form id="form1" action="localhost:8080" method="get" target="_blake">
    <fieldset>
        <legend>基本信息</legend>
        <table>
            <tr>

                <td><label for="username">用户名：</label></td>
                <td><input type="text" id="username" name="username"
                           maxlength="10" size="20px" list="list1"
                           placeholder="请输入用户名/电话/邮箱" autofocus autocomplete
                           required="required"></td>
                <datalist id="list1">
                    <option>18931193160</option>
                    <option>13230401002</option>
                    <option value="13866666666"></option>
                </datalist>

            </tr>
            <tr>
                <td><label for="pwd">密码：</label></td>
                <td><input id="pwd" name="pwd" type="password"
                           required="required"></td>
            </tr>
            <tr>
                <td><label for="sex">性别：</label></td>
                <td><input type="radio" checked name="Sex" id="sex"
                           value="male">男
                    <input type="radio" name="Sex" value="female">女
                </td>
            </tr>
            <tr>
                <td><label for="hobby">爱好：</label></td>
                <td><input type="checkbox" name="hobby" id="hobby" value="kk"
                           checked="checked">电脑<input type="checkbox"
                                                      name="hobby" value="美术">美术<input
                        type="checkbox" name="hobby" value="体育">体育<input
                        type="checkbox" value="吉他" name="hobby">吉他
                </td>
            </tr>
            <tr>
                <td>电子邮件：</td>
                <td><input type="email" name="email"></td>
            </tr>
        </table>
    </fieldset>
    <fieldset>
        <legend>其他信息</legend>
        <table>
            <tr>
                <td>上传照片：</td>
                <td><input type="file" accept="image/gif,image/jpeg,image/png">(只限.jgp.gif.png文件)
                </td>
            </tr>
            <tr>
                <td>喜欢的颜色：</td>
                <td><input type="color"></td>
            </tr>
            <tr>
                <td>登记时间:</td>
                <td><input type="date"></td>
            </tr>
            <tr>
                <td>请选择一个数:</td>
                <td><input type="number" max="100" min="10" step="2"></td>
            </tr>
            <tr>
                <td>范围:</td>
                <td><input type="range" max="100" min="10" step="2"></td>
            </tr>
            <tr>
                <td>选择系别:</td>
                <td>
                    <select>
                        <optgroup label="18级">
                            <option>数信</option>
                            <option>艺术</option>
                            <option>英教</option>
                        </optgroup>
                        <optgroup label="19级">
                            <option>数信</option>
                            <option>艺术</option>
                            <option>英教</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td>个人简介:</td>
                <td><textarea name=“at1” cols=“35” rows=“6”></textarea>
                </td>
            </tr>
        </table>
    </fieldset>
    <input type="submit">
    <input type="reset">
</form>
</body>
</html>